<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动画效果</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function () {
            $("img").click(function () {
                // click(fn):表示当触发点击事件之后执行fn
                $(this).animate({"left": "1800px"}, 200)
                    .animate({"left": "900px", "top": "800px"}, 200)
                    .animate({"left": "0px", "top": "0px"}, 200);
                // 在jquery中,如果事件方法没有参数,表示通过程序完成指定事件
                // click():表示通过代码执行点击的操作
                $(this).click();
            });
        })
    </script>
</head>
<body>
<img src="../images/heihei.gif" alt="图片加载失败" style="position: relative; left: 0px;top: 0px;">
</body>
</html>